import React from "react";
import Scroll from "lib/Scroll/scroll";
import Card from "../../lib/Card/card";

const ScrollExample = () => {
  const onPull = () => {
    console.log("我知道了");
  };

  return (
    <div>
      <Card title="滚动查看效果">
        <Scroll
          style={{ height: "350px", width: "70%", border: "3px solid #8eb5b4" }}
          onPull={onPull}
        >
          {Array.from({ length: 100 }, (v, k) => k).map(item => (
            <p key={item}>{item}</p>
          ))}
        </Scroll>
      </Card>
    </div>
  );
};

export default ScrollExample;
